<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<%@ page session="true"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<title>注册 --代驾通</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">

<!-- Le styles -->
<link rel="stylesheet" href="/htdocs/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/htdocs/css/dj.css" type="text/css" />

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>
<body>

	<!-- 导航，TODO：抽取到layout -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#">代驾通</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li class="active"><a href="#">Home</a></li>
						<li><a href="#about">关于</a></li>
						<li><a href="#contact">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="container" id="reg">
		<div class="span6">
			<form:form  class="well form-horizontal" id="reg_form" name="reg_form" modelAttribute="regUserForm" action="/regist.htm" method="post">
				<fieldset>
					<legend>注册</legend>
					<div class="control-group">
						<label><strong>账户名称</strong></label>
						<form:input path="loginId"     class="input-xlarge required" id="loginId_input"  placeholder='帐户为3-25个字符'/>
						<form:errors path="loginId" />
					</div>
					<div class="control-group" >
						<label><strong>设置密码</strong></label>
						<form:password path="password" class="input-xlarge required" id="password_input"  placeholder='密码为5-30个字符'/>
						<form:errors path="password" />
					</div>
					<div class="control-group" >
						<label><strong>确认密码</strong></label>
						<input type="password" class="input-xlarge" id="passwordCheck" name="passwordCheck" placeholder=''/>
					</div>
					<div class="control-group" >
						<label><strong>手机号码</strong></label>
						<form:input path="mobile" class="input-xlarge"  placeholder=''/>
						<form:errors path="mobile" />
					</div>
					<div class="control-group" >
						<label><strong>电子邮箱</strong></label>
						<form:input path="email" class="input-xlarge" placeholder=''/>
						<form:errors path="email" />
					</div>
					
					<div class="control-group" >
						<label><strong>所在地区</strong></label>
						<form:select path="province" cssStyle="width:100px">
							<form:option value="">省份</form:option>
							<form:option value="1000">浙江省</form:option>
						</form:select>
						&nbsp;
						<form:select path="city" cssStyle="width:100px">
							<form:option value="">城市</form:option>
							<form:option value="2000">杭州市</form:option>
						</form:select>
						&nbsp;
						<form:select path="county" cssStyle="width:100px">
							<form:option value="">区县</form:option>
							<form:option value="3000">滨江区</form:option>
						</form:select>
						<form:errors path="county" />
					</div>
					
					<div class="control-group" >
						<button type="submit" class="btn btn-large btn-success" id="submit_btn">同意协议并注册</button>
						<a href="/login.htm" id="back_login">返回登录</a>
					</div>
					<div class="control-group" id="reg_link">
						<a href="#" onclick="javascript:alert(1);">服务协议</a>
					</div>
					
					
				</fieldset>
			</form:form>
		</div>
	</div>
	
	
	<!-- Le javascript
    ================================================== -->
    <script src="/htdocs/js/jquery-1.7.2.min.js"></script>
    <script src="/htdocs/js/jquery-validate.js"></script>
    <script src="/htdocs/js/html5placeholder.jquery.js"></script>
    <script src="/htdocs/js/reg.js"></script>
    
</body>
</html>